*{
    padding:0;
    margin:0;
}
#ttop{
    width:100%;
    height:26px;
    background: #f2f2f2;
    position: relative;
}
.tone{
    width: 1212px;
    height:26px;
    margin: auto;
}
.ttwo>li{
    float: left;
    font-size: 12px;
    width:70px;
    text-align: center;
    height: 26px;
    line-height: 26px;
}
.ttwo>li:nth-child(2){
    width:130px;
}
.ttwo>li:nth-child(4){
    margin-left: 440px;
}
.ttwo>li>a{
    color: #999999;
}
#top{
    height:86px;
    width: 100%;
    border-bottom: #c7baaa 1px solid;
    position: relative;
}
.tyi{
    width: 1212px;
    height:86px;
    margin: auto;
}
.tyi>li{
   float: left;
   font-size: 12px;
}
.tyi>li:first-child{
    margin-top: 20px;
}
.tyi>li>img{
    width:120px;
    height:45px;
}
.tyi>li:nth-child(2){
    width:125px;
    height:37px;
    text-align: center;
    border-left: #f0f0f0 solid 1px;
    font-weight: 900;
    margin-top: 15px;
    margin-left: 45px;
}
.tyi>li:nth-child(3){
   width: 150px;
   height:37px;
   border-left: #f0f0f0 1px dotted;
   text-align: center;
   letter-spacing: 6px;
   margin-top: 15px;
}
.tyi>li:nth-child(4){
    width:52px;
    height:37px;
    text-align: center;
    margin-top: 15px;
    border-left:#f0f0f0 solid 1px;
}
.tyi>li:nth-child(5){
    margin-top: 15px; 
    margin-left: 150px;  
}
.tyi>li:nth-child(5)>input{
    border: #803ae8 3px solid;
    width: 345px;
    height: 30px;
}
.tyi>li:nth-child(5)>button:nth-child(2){
    width:109px;
    height:36px;
    border: none;
    background: linear-gradient(to right,#803ae8,#b42df1);
    position: relative;
    top:1px;
    color: #fff;
}
.tyi>li:nth-child(5)>button:nth-child(3){
    width:80px;
    height:36px;
    border: none;
    background: #333;
    position: relative;
    top:1px;
    color: #fff;
    margin-left: 3px;
}
#tt{
    position: relative;
    width:100%;
    height:953px;
}
.ter{
    width:100%;
    height:122px;
    background: #e6ddf8;
}
.ter>img{
    width:1000px;
    height:122px;
    position: relative;
    left:50%;
    margin-left: -500px;
}
.tsan{
    width:100%;
    height:30px;
    background: #7a4ad2;
}
.tsan>ul{
    width:876px;
    height:30px;
    color: #fff;
    display: flex;
    justify-content: space-evenly;
    margin: auto;
}
.tsan>ul>li{
    height:30px;
    line-height: 30px;
}
.tsi>img{
    width:100%;
    height:804px;
}
#bb{
    width:990px;
    height:25px;
    background: #000;
    margin: auto;
    margin-top: 10px;
    color: #fff;

}
#bb>p{
    width:990px;
    height:25px;
    line-height: 25px;
    font-size: 14px;
}
#bb>p>span{
    margin-left: 10px;
}
#bb>p>label{
    margin-left: 860px;
}
#cp{
   top:16px;
    width:990px;
    height:1334px;
    margin: auto;
    position: relative;
}
.cone{
    width:990px;
    height:343px;
    display: flex;
    justify-content: space-between;
}
.cone>p{
    width:240px;
    height: 343px;
}
.cone>p>img{
    width:240px;
}
.cone>p>span{
    color: #f00;
    font-weight: 900;
    display: inline-block;
    margin-top: 10px;
}
.cone>p>label{
    font-size: 14px;
    color:#666666;
}
#foot{
    width:100%;
    height:393px;
    background: linear-gradient(to right,#803ae8,#b42df1);
    margin-top: 300px;
    position: relative;
    overflow: hidden;
}
.fone{
    width:1212px;
    height:393px;
    margin: auto;
    position: relative;
}
.fyi{
    color: #fff;
    margin-top: 38px;
    float: left;
    position: absolute;
}
.fyi>li{
    font-size: 12px;
}
.fyi>li:first-child{
    font-size: 24px;

}
.fyi>li{
    margin-top: 25px;
}
.aa{
    left: 595px;
}
.aa>li:first-child{
    font-size: 16px;
    font-weight: 900;
}
.aa>li{
    margin-top: 10px;
}
.ff{
    left:747px;
}
.gg{
    left:922px;
}
.oo{
    left:1099px;
}
.last{
    width:1212px;
    border-top:#fff solid 1px ;
    position: absolute;
    top:312px;
    color: #fff;
    font-size: 12px;
    padding: 14px 121px 0 0;
    line-height: 20px;
}